<div [@routerTransition]>
    <div class="m-subheader ">
        <div class="d-flex align-items-center">
            <div class="mr-auto col-xs-6">
                <h3 class="m-subheader__title m-subheader__title--separator">
                    <span>设备综合管理</span>
                </h3>
                <span class="m-section__sub">
                    设备综合管理的文本头信息
                </span>
            </div>
            <div class="col-xs-6 text-right">

            </div>
        </div>
    </div>

    <div class="m-content">
        <div class="m-portlet m-portlet--mobile">
            <div class="m-portlet__body">
                <div class="row nav nav-pills nav-fill">
                    <div class="col-md-4 nav-item" style="margin: 0;" *ngIf="isGranted('Mes51.Pages.Resource.Equipment.ZY')">
                        <a class="nav-link active" style="height: 12rem;" href="#/app/resource/equipments">
                            <div><i class="fa flaticon-pie-chart" style="font-size: 3rem;margin-top: 2rem;"></i></div>
                            <div style="font-size: 2.5rem;">资源管理</div>
                        </a>
                    </div>
                    <div class="col-md-4 nav-item" style="margin: 0;" *ngIf="isGranted('Mes51.Pages.Resource.Equipment.RL')">
                        <a class="nav-link active" style="height: 12rem;" href="#/app/resource/schedules">
                            <div><i class="fa flaticon-file-1" style="font-size: 3rem;margin-top: 2rem;"></i></div>
                            <div style="font-size: 2.5rem;">日历管理</div>
                        </a>
                    </div>
                    <div class="col-md-4 nav-item" style="margin: 0;" *ngIf="isGranted('Mes51.Pages.Resource.Equipment.JQ')">
                        <a class="nav-link active" style="height: 12rem;" href="#/app/resource/maintenances">
                            <div><i class="fa flaticon-clipboard" style="font-size: 3rem;margin-top: 2rem;"></i></div>
                            <div style="font-size: 2.5rem;">假期检修</div>
                        </a>
                    </div>

                </div>

            </div>
        </div>
    </div>
</div>
